<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
	<meta charset="UTF-8">
	<title>设备信息列表</title>
	<link rel="stylesheet" href="../../../node_modules/bootstrap/dist/css/bootstrap.min.css">
	<link rel="stylesheet" href="info.css">
	<script src="../../js/angular.min.js"></script>
	<script type="text/javascript">
		var app = angular.module('app', []);
		app.controller('infoCtrl',['$scope',function($scope){
				$scope.info=[{
					shebcode:'00000001',
					shebname:'挖掘机',
					shebkind:'一般设备',
					shebaddr:'桥梁三队',
					intime:'2017-06-14',
					shebstate:'在场',
				}]
			}
		]);
	</script>
</head>
<body ng-controller="infoCtrl">
	<div class="content">
		<div class="search">
			<div class="input-group search-group">
				<input type="text" class="form-control search-input" placeholder="设备编码，设备名称，使用地点">
				<span class="input-group-btn">
					<button class="btn btn-default" type="button"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button>
				</span>
			</div>
			<span class="senior-search" for="">高级搜索</span>
		
			<ul class="search-ul">
				<li>
					<span class="glyphicon glyphicon-book" aria-hidden="true"></span>设备登记
				</li>
				<li>
					<span class="glyphicon glyphicon-check" aria-hidden="true"></span>进出场登记
				</li>
				<li>
					<span class="glyphicon glyphicon-print" aria-hidden="true"></span>二维码打印
				</li>
				<li>
					更多操作<span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span>
				</li>
			</ul>
		</div>
		<table class="content-table" width="100%" border="0" cellspacing="0">
			<thead>
				<tr class="thead-tr">
					<th class="td-padding"><input type="checkbox"></th>
					<th>设备编码<span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span></th>
					<th>设备名称</th>
					<th>设备分类</th>
					<th>使用地点</th>
					<th>进场时间<span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span></th>
					<th>设备状态</th>
					<th>操作</th>
				</tr>
			</thead>
			<tbody>
				<tr ng-repeat="v in info">
					<td class="td-padding"><input type="checkbox"></td>
					<td>{{v.shebcode}}</td>
					<td>{{v.shebname}}</td>
					<td>{{v.shebkind}}</td>
					<td>{{v.shebaddr}}</td>
					<td>{{v.intime}}</td>
					<td>{{v.shebstate}}</td>
					<td>
						<button class="button btn-details">
							<span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span>详情
						</button>
						<button class="button btn-update">
							<span class="glyphicon glyphicon-edit" aria-hidden="true"></span>修改
						</button>
						<button class="button btn-delete">
							<span class="glyphicon glyphicon-trash" aria-hidden="true"></span>删除
						</button>
					</td>
				</tr>
				<tr ng-repeat="v in info">
					<td class="td-padding"><input type="checkbox"></td>
					<td>{{v.shebcode}}</td>
					<td>{{v.shebname}}</td>
					<td>{{v.shebkind}}</td>
					<td>{{v.shebaddr}}</td>
					<td>{{v.intime}}</td>
					<td>{{v.shebstate}}</td>
					<td>
						<button class="button btn-details">
							<span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span>详情
						</button>
						<button class="button btn-update">
							<span class="glyphicon glyphicon-edit" aria-hidden="true"></span>修改
						</button>
						<button class="button btn-delete">
							<span class="glyphicon glyphicon-trash" aria-hidden="true"></span>删除
						</button>
					</td>
				</tr>
				<tr>
					<td colspan="2">
						<label class="total">共计<span class="number">100</span>条</label>
					</td>
					<td colspan="7">
						<nav aria-label="Page navigation">
							<ul class="pagination">
								<li>
									<a href="#" aria-label="Previous">
										<span aria-hidden="true">上一页</span>
									</a>
								</li>
								<li><a href="#">1</a></li>
								<li><a href="#">2</a></li>
								<li><a href="#">3</a></li>
								<li><a href="#">4</a></li>
								<li><a href="#">5</a></li>
								<li>
									<a href="#" aria-label="Next">
										<span aria-hidden="true">下一页</span>
									</a>
								</li>
							</ul>
						</nav>
					</td>				
				</tr>
				
			</tbody>
		</table>
	</div>

</body>
</html>